Responsiv nettside
Responsiv nettside (engelsk: responsive web design, forkortet RWD) er en nettside som kan vises på alle skjermstørrelser. Elementene på siden vil automatisk strekkes, krympes eller flyttes for å tilpasses den tilgjengelige skjermplassen på et bredt utvalg av enheter. Dette gjøres særlig ved at antallet spalter reduseres når bredden på nettsiden minsker. En responsiv nettside bruker bl.a. HTML og CSS-mediespørringer (engelsk: CSS media queries) til å tilpasse seg enhetens skjermstørrelse.
For at en nettside skal være responsiv skal den være bygget opp med tre kjernefunksjonaliteter:[1][2]
- Fleksible spalter
- Fleksible media og bilder
- Bruker mediespørringer til å håndtere media samt avgjøre enhetens skjermstørrelse
Se også
[rediger | rediger kilde]Historie
[rediger | rediger kilde]Det første nettstedet som benyttet et design som dynamisk tilpasset seg nettleserens størrelse var Audi.com, lansert i slutten av 2001.[3] Det engelske begrepet for RWD ble først brukt i 2010 av Ethan Marcotte i artikkelen «Responsive Web Design», skrevet for magasinet A List Apart.[4]
Referanser
[rediger | rediger kilde]- ^ Marcotte, Ethan (2011). Responsive Web Design. A Book Apart (på engelsk). ISBN 9780984442577.
- ^ De Graeve, Katrien (november 2011). «HTML5 - Responsive Web Design». MSDN Magazine (på engelsk). 26 (11). Besøkt 27. november 2021.
- ^ Kalbach, Jim (22. juli 2012). «The First Responsive Design Website: Audi (circa 2002)». experiencinginformation.com (på engelsk). Besøkt 27. november 2021.
- ^ Marcotte, Ethan (25. mai 2010). «Responsive Web Design». A List Apart (på engelsk). Besøkt 14. november 2016.